.merchant-identity-modal {
  .ant-modal-content {
    background: #1f1f1f;
    border: 1px solid #333;
  }
  
  .ant-modal-header {
    background: #1f1f1f;
    border-bottom: 1px solid #333;
    
    .ant-modal-title {
      color: #fff;
      font-weight: 600;
    }
  }
  
  .ant-modal-close {
    color: #999;
    
    &:hover {
      color: #fff;
    }
  }
}

.identity-switcher {
  .summary {
    margin-bottom: 16px;
    text-align: center;
    
    .ant-typography {
      color: #999;
      font-size: 12px;
    }
  }
  
  .identity-list {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 16px;
    
    .identity-radio-group {
      width: 100%;
      
      .identity-category {
        margin-bottom: 16px;
        
        .category-title {
          margin-bottom: 8px;
          padding-bottom: 4px;
          border-bottom: 1px solid #333;
          
          .ant-typography {
            color: #fff;
            font-size: 14px;
          }
        }
        
        .identity-item {
          margin-bottom: 8px;
          
          .identity-radio {
            width: 100%;
            
            .ant-radio-wrapper {
              width: 100%;
              padding: 8px 12px;
              border: 1px solid #333;
              border-radius: 6px;
              background: #2a2a2a;
              transition: all 0.3s;
              
              &:hover {
                border-color: #1890ff;
                background: #333;
              }
              
              &.ant-radio-wrapper-checked {
                border-color: #1890ff;
                background: #1890ff20;
              }
            }
            
            .ant-radio {
              margin-right: 12px;
              
              .ant-radio-inner {
                border-color: #666;
                background: transparent;
                
                &::after {
                  background: #1890ff;
                }
              }
            }
            
            .identity-content {
              flex: 1;
              
              .identity-name {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 4px;
                color: #fff;
                font-weight: 500;
                
                .ant-tag {
                  margin: 0;
                  font-size: 10px;
                  padding: 0 4px;
                  height: 16px;
                  line-height: 14px;
                }
              }
              
              .identity-description {
                color: #999;
                font-size: 12px;
                line-height: 1.4;
              }
            }
          }
        }
      }
    }
  }
  
  .actions {
    border-top: 1px solid #333;
    padding-top: 16px;
    
    .add-identity-btn {
      width: 100%;
      margin-bottom: 16px;
      border: 1px dashed #666;
      background: transparent;
      color: #999;
      
      &:hover {
        border-color: #1890ff;
        color: #1890ff;
      }
    }
    
    .confirm-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      
      .ant-btn {
        min-width: 80px;
        
        &.ant-btn-primary {
          background: #1890ff;
          border-color: #1890ff;
        }
      }
    }
  }
}

// 滚动条样式
.identity-list::-webkit-scrollbar {
  width: 6px;
}

.identity-list::-webkit-scrollbar-track {
  background: #333;
  border-radius: 3px;
}

.identity-list::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 3px;
  
  &:hover {
    background: #999;
  }
}
